<template>
	<view class="main">
		<view class="lists">
			<view class="block" v-for="(item,index) in questionList"  @click="openQuestion(index)">
				<view class="list">
					<image class="icon" src="/static/icons/answer.png"></image>
					<view class="content">{{item.title}}</view>
					<image :style="item.on ? 'transform: rotate(90deg);' : ''" class="right" src="/static/icons/right.png"></image>
					<!-- <image v-if="item.on" class="right" src="/static/icons/down.png"></image> -->
				</view>
				<view class="answer" :class="{open:item.on}">
					答： {{item.answer}}
				</view>
			</view>
		</view>
		<view class="empty" v-if='!questionList.length'>
			<image src="/static/icons/empty.png" mode=""></image>
			空空如也
		</view>
		<view class="noMore" v-if='noMore && questionList.length'>没有更多啦</view>
	</view>
</template>

<script>
	import question from "./question.js";
	export default question;
</script>

<style>
	@import url("./question.css");
</style>
